<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>java培优高手班课程表</title>
		<link rel="stylesheet" href="css/animate.css"/>
		<script src="js/wow.min.js"></script>
		<script>
			new WOW().init();		//javascript语法，它区分大小写
		</script>
		<style>
			body{
				width: 390px;
			}
			.title{
				font-size: 20px;
				font-weight: bold;   /* 字体加粗 */
				text-align: center;	/* 字体横向居中 */
				
				animation-name: fadeInDown;	/* 应用WOW动画 */
			}
			.subtitle1{
				background: deepskyblue;
				height: 30px;
				line-height: 30px;		/* 线高，里面文字实现纵向居中的效果 */
				color: white;		/* 设置字体为白色 */
				margin-top: 5px;
				padding-left: 5px;
				
				animation-name: fadeInLeft;	/* 从左边滑入 */
			}
			.subtitle2{
				background: red;
				height: 30px;
				line-height: 30px;
				color: white;
				margin-top: 5px;
				padding-left: 5px;
				animation-name: fadeInRight;	/* 从右边滑入 */
			}
			span{
				width: 14px;
				height: 14px;
				background-color: black;
				display: inline-table;		/* 实现布局宽度适应 */
				line-height: 14px;			/* 字体线高 */
				text-align: center;			/* 字体的居中 */
				border-radius: 20px;
				font-size: 6px;
			}
		</style>
	</head>
	<body>
		<div class="title wow">第一部分：基础知识进阶（齐雷）</div>
		<div class="subtitle1 wow"><span>1</span> 新接口规范、Lambda表达式、Stream流、新日期</div>
		<div class="subtitle2 wow"><span>2</span> 多线程、并发安全、锁的优化、高级集合、JUC并发</div>
		<div class="subtitle1 wow"><span>3</span> NIO原理分析、RPC设计以及框架中NIO的应用实现</div>
		<div class="subtitle2 wow"><span>4</span> 手写类加载器、JVM调优、GC算法及优化</div>
	</body>
</html>
